<template>
	<view class="message_box">
		<view class="item dis_fx fx_between" @click="toNewPage('/pages/customer/customer')">
			<view class="dis_fx fx_column flex1">
				<view class="fz_0 photo"><image src="../../static/chu%20xing%20ren_icon.png"></image></view>
				<view class="text flex1">
					<view class="name">乐芭兔在线客服</view>
					<view class="smalltext">点我联系</view>
				</view>
			</view>
			 <!-- <view class="date">2019-04-17</view> -->
		</view>
	</view>
</template>

<script>
	import util from '../../common/util.js'
	export default {
		data() {
			return {
				messages:[]
			}
		},
		onLoad(){
			
		},
		onShow(){
			this.getMessages()
		},
		methods: {
			toNewPage(url) {
				uni.navigateTo({url});
			},
			//获取消息列表
			getMessages(){
				uni.showLoading({
					mask:true,
					title: '加载中'
				});
				var that=this;
				util.fetchPost('/customer_service/info',{},function(res){
					uni.hideLoading();
				},function(){},true)
			}
		}
	}
</script>

<style>
	.message_box{
		padding: 30upx 25upx;
	}
	.message_box .item{
		box-shadow:0px 0px 17px 1px rgba(106,79,13,0.12);
		border-radius:10px;
		padding: 50upx 30upx;
		margin-bottom: 30upx;
	}
	.message_box .item .photo image{
		width: 100upx;
		height: 100upx;
		border-radius: 100%;
		margin-right: 30upx;
	}
	.message_box .item .name{
		font-size: 32upx;
		color: #333333;
	}
	.message_box .item .smalltext,.message_box .item .date{
		font-size: 24upx;
		color: #999999;
	}
</style>
